<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="../css/common.css">
<link type="text/css" rel="stylesheet" href="../cssHtml/login.css">
</head>
<body onload="startTime()">
<!-- 头部  共同 -->
	<header>
	<!-- logo 商家名 日期 -->
		<div id="headerDiv1" >
			<div class="col-md-2 col-md-offset-1">
				<img alt="" src="../images/logo.png" id="logo">
				
			</div>
			<div class="col-md-4 col-md-offset-2" id="shopname">
				商家管理系统
			</div>
			<div class="col-md-2 col-md-offset-2" id="date">
			</div>
		</div>
		
	<!-- 导航条1 -->	
		<div id="navDiv">
			<div id="nav1" class="col-md-6 col-md-offset-1">
				<ul>
					<li><a href="login.html">登录</a></li>
					<li><a href="register.html">注册</a></li>
					<li>
						<a href="#" id="navchild">
							<img alt="" src="../images/down.png" id="downimg">
							<img alt="" src="../images/up.png" id="upimg">
							商家管理
						</a>
					</li>		
				</ul>
			</div>
			
			<div id="nav1-1"class="col-md-2 col-md-offset-1">
				<a href="#" id="denglu">请登录</a>
			</div>	
		</div>
		<!-- 导航条2 -->	
			<div id="nav2">
				<ul class="col-md-6 col-md-offset-3">
					<li><a href="query.html">
					<img alt="" src="../images/timg.jpg" id="slectimg">
					查询
						</a>
					</li>
					<li><a href="add.html">
					<img alt="" src="../images/add.png" id="addpng">
					添加
						</a>
					</li>
				</ul>
			</div>	

	</header>
	<!-- 中间部分 -->	
	  <!-- 背景图 -->
	<div id="bgimg" >
		<form action="" id="form"  class="col-md-4 col-md-offset-4 form-horizontal"  >
			<!-- 第1排 -->
			<div class="form-group">
				<label for="name" class="col-md-2 control-label wenben" >用户名</label>
	    		<div class="col-md-6">
	      			<input type="text" class="form-control srk" id="name" name="name" placeholder="请输入用户名">
	    		</div>
	      		<label  class="col-md-2 control-label wenben">*必填</label>
	      	</div>
	      	<!-- 第2排 -->
	      	<div class="form-group">
	      		<label for="name" class="col-md-2 control-label wenben">密码</label>
	    		<div class="col-md-6">
	      			<input type="password" class="form-control srk" id="pwd" name="pwd" placeholder="请输入密码">
	    		</div>
	    			<label class="col-md-2 control-label wenben">*必填</label>
	    	</div>
	    	<!-- 第3排 -->
	    	<div class="form-group">
				<div class="col-md-11 center">
			     	<button type="button" class="btn btn-success center ">登 录</button>
				</div>
			</div>
		</form>
	</div>
<!-- 尾部  共同 -->
	<footer>
		<div id="footerDiv1">
			<div id="footerleft" class="col-md-3 col-md-offset-3">
				<div id="footerwx">
					<img alt="" src="../images/wx.png" id="wx">
				</div>
				<div id="footercopy">
					Copyright2019.All Righths Reserved
				</div>
				<div id="footerabout" >
					关于我们|关于我们|关于我们|
				</div>
			</div>
			<div id="footerright" class="col-md-2 ">
				<div id="footerwxh">
					关注微信公众号
				</div>
				<div id="footerewm">
					<img alt="" src="../images/ewm.png" id="ewm">
				</div>
			</div>
		</div>
	</footer>
<script type="text/javascript" src="../bootstrap/js/jquery1.12.4.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../jsHtml/login.js"></script>
</body>
</html>